<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实验页面</title>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<link rel="stylesheet" href="../assets/css/index.css">
	<link rel="stylesheet" href="../assets/css/content.css">
</head>
<body>
    <div class="header">
		<!--Content before waves-->
		<div class="inner-header flex">
			<h1>前端开发实验集</h1>
			<i class="material-icons">view_quilt</i>
		</div>

		<!--Waves Container-->
		<div>
			<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
				viewBox="0 24 200 28" preserveAspectRatio="none" shape-rendering="auto">
				<defs>
					<path id="gentle-wave"
						d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
				</defs>
				<g class="parallax">
					<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7" />
					<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
					<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
					<use xlink:href="#gentle-wave" x="48" y="7" fill="rgba(255,255,255,0.1)" />
					<use xlink:href="#gentle-wave" x="48" y="9" fill="#fff" />
				</g>
			</svg>
		</div>
		<!--Waves end-->

	</div>
	<!--Header ends-->

	<!--workList starts-->
	<div class="workList">
		<div class="work">
			<a href="01.html">盒模型实验</a>
		</div>
		<div class="work">
			<a href="02.html">边框实验</a>
		</div>
		<div class="work">
			<a href="03.html">圆角实验</a>
		</div>
		<div class="work">
			<a href="04.html">颜色实验</a>
		</div>
		<div class="work">
			<a href="05.html">渐变实验</a>
		</div>
		<div class="work">
			<a href="06.html">CSS影片实验</a>
		</div>
		<div class="work">
			<a href="07.html">浮动实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
		<div class="work">
			<a href="08.html">定位实验</a>
		</div>
	</div>
	<!--workList ends-->
	<script src="../assets/js/index.js"></script>
</body>
</html>